<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/comm.css">
    <link rel="stylesheet" type="text/css" href="css/product.css">
</head>
<body>
    <div id="top">
        <div class="top-cen">
            <img src="img/1_02.gif" alt="logo">
            <ul class="top-wz">
                <li><a href="index.html">首&emsp;页<p>home</p></a></li>
                <li><a href="news.html">作品展示<p>SHOWCASE</p></a></li>
                <li><a href="product.html">服务报价<p>SERVICE</p></a></li>
                <li><a href="product_show.html">外景展示<p>LOCATION</p></a></li>
                <li><a href="news_show.html">优惠活动<p>ACTIVITY</p></a></li>
                <li><a href="product.html">品牌介绍<p>BARNO</p></a></li>
                <li><a href="news.html">新闻咨询<p>HOT EVENT</p></a></li>
                <li><a href="index.html">联系我们<p>CONTAC</p></a></li>
            </ul>
        </div>
    </div>

    <div id="banner">
        <a href="#">
             <ul class="banner-ul">
                <li id="banner-left"></li>
                <li>五一特别活动-东方美&emsp;&emsp;&emsp;&emsp;&emsp;∧</li>
                <li>五一特别活动-东方美&emsp;&emsp;&emsp;&emsp;&emsp;∧</li>
                <li>五一特别活动-东方美&emsp;&emsp;&emsp;&emsp;&emsp;∧</li>
                <li>五一特别活动-东方美&emsp;&emsp;&emsp;&emsp;&emsp;∧</li>
                <li id="banner-right"></li>
            </ul>
        </a>
    </div>

    <div id="ce">
        <div class="ce-1"><a href="#"></a></div>
        <div class="ce-2"><a href="#"></a></div>
        <!-- 圆圈 -->
        <div class="ce-3">
            <div class="ce-3-1"><a href="#"></a></div>
            <div class="ce-3-2"><a href="#"></a></div>
            <div class="ce-3-3"><a href="#"></a></div>
        </div>
        <div class="ce-4"><a href="#"></a></div>
    </div>

    <!-- 中间 -->
    <div id="center">
        <div class="center-top">
                <p>你现在所在的位置：</p>
                <span><a href="#">北京婚纱摄影 </a>><a href="#"> 婚纱摄影作品</a></span>
        </div>
        <!-- 中间的左边 -->
        <div class="center-left">
            <!-- 作品分类 -->
            <img src="img/t12.gif" alt=作品分类"">
            <div class="center-left-top">
                <!-- <div class="center-left-zuopin"> -->
                    <ul class="center-left-zuopin-ul">
                        <li>
                            <img src="img/libg10.gif" alt="作品分类">
                            <p>婚纱摄影作品</p>
                            <ul class="center-left-zuopin-ul2">
                                <li><a href="#">经典欧美风 SHOW WORKS</a></li>
                                <li><a href="#">时尚中国风 SHOW WORKS</a></li>
                                <li><a href="#">唯美韩式风 SHOW WORKS</a></li>
                                <li><a href="#">精致花海风 SHOW WORKS</a></li>
                                <li><a href="#">浪漫海魂风 SHOW WORKS</a></li>
                                <li><a href="#">山水自然风 SHOW WORKS</a></li>
                                <li><a href="#">2046实景棚 SHOW WORKS</a></li>
                            </ul>
                        </li>
                        <li class="li1">
                            <img src="img/libg10.gif" alt="作品分类">
                            <p>婚纱摄影作品</p>
                        </li>
                        <li class="li2">
                            <img src="img/libg10.gif" alt="作品分类">
                            <p>客片展示作品</p>
                        </li>
                        <li class="li3">
                            <img src="img/libg10.gif" alt="作品分类">
                            <p>全家福作品</p>
                        </li>
                        <li class="li4">
                            <img src="img/libg10.gif" alt="作品分类">
                            <p>孕妇照作品</p>
                        </li>
                    </ul>
                <!-- </div> -->
            </div>
            <!-- 最新活动 -->
            <div class="center-left-top2">
                <img src="img/t4.gif" alt="最新活动">
                <ul>
                    <li>
                        <a href="#"><p>万元大礼包奉送&emsp;拍婚照送婚纱回家啊上次说的时刻都叫不出白花藏芥</p>
                        <span>posttime:2013.04.03</span>
                        </a>
                    </li>
                    <li>
                        <a href="#"><p>万元大礼包奉送&emsp;拍婚照送婚纱回家啊上次说的时刻都叫不出白花藏芥</p>
                        <span>posttime:2013.04.03</span>
                        </a>
                    </li>
                    <li>
                        <a href="#"><p>万元大礼包奉送&emsp;拍婚照送婚纱回家啊上次说的时刻都叫不出白花藏芥</p>
                        <span>posttime:2013.04.03</span>
                        </a>
                    </li>
                    <li>
                        <a href="#"><p>万元大礼包奉送&emsp;拍婚照送婚纱回家啊上次说的时刻都叫不出白花藏芥</p>
                        <span>posttime:2013.04.03</span>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 服务报价 -->
            <div class="center-left-top3">
                <img src="img/t6.gif" alt="服务报价">
                <div class="center-left-top4">
                    <ul class="center-left-top4-ul">
                        <li>
                           <a href="#">
                               <div class="center-left-top4-div1">
                                   <p>【三亚.青岛.北京】店长推荐</p>
                               </div> 
                               <div class="center-left-top4-div2"></div>
                               <div class="center-left-top4-div3">
                                   <span>【三亚.青岛.北京】店长推荐</span>
                                   <p>6999</p>
                               </div>
                           </a>
                        </li>
                        <li>
                           <a href="#">
                               <div class="center-left-top4-div1">
                                   <p>【玩转婚照】特惠C套系</p>
                               </div> 
                               <div class="center-left-top4-div2"></div>
                               <div class="center-left-top4-div4">
                                   <span>【玩转婚照】特惠C套系</span>
                                   <p>5999</p>
                               </div>
                           </a>
                        </li> 
                         <li>
                           <a href="#">
                               <div class="center-left-top4-div1">
                                   <p>【玩转婚照】特惠B套系</p>
                               </div> 
                               <div class="center-left-top4-div2"></div>
                               <div class="center-left-top4-div4">
                                   <span>【玩转婚照】特惠B套系</span>
                                   <p>4999</p>
                               </div>
                           </a>
                        </li> 
                    </ul>
                </div>
            </div>
        </div>
        <!-- 中间的左边结束 -->

        <div class="center-right">
            <img src="img/bg12.png">
            <ul class="center-right-ul">
                <li>
                    <a href="#">
                        <div class="center-right-div1"></div>
                        <div class="center-right-div2">
                            <p class="p1">环球蜜月行-天鹅堡</p>
                            <p class="p2">POSTTIME/2013/04/17&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; SEE MORE>></p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="center-right-div1"></div>
                        <div class="center-right-div2">
                            <p class="p1">环球蜜月行-温莎堡</p>
                            <p class="p2">POSTTIME/2013/04/17&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; SEE MORE>></p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="center-right-div1"></div>
                        <div class="center-right-div2">
                            <p class="p1">环球蜜月行-温莎堡</p>
                            <p class="p2">POSTTIME/2013/04/17&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; SEE MORE>></p>
                        </div>
                    </a>
                </li>
                 <li>
                    <a href="#">
                        <div class="center-right-div1"></div>
                        <div class="center-right-div2">
                            <p class="p1">环球蜜月行-温莎堡</p>
                            <p class="p2">POSTTIME/2013/04/17&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; SEE MORE>></p>
                        </div>
                    </a>
                </li>
                 <li>
                    <a href="#">
                        <div class="center-right-div1"></div>
                        <div class="center-right-div2">
                            <p class="p1">环球蜜月行-温莎堡</p>
                            <p class="p2">POSTTIME/2013/04/17&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; SEE MORE>></p>
                        </div>
                    </a>
                </li>
                 <li>
                    <a href="#">
                        <div class="center-right-div1"></div>
                        <div class="center-right-div2">
                            <p class="p1">环球蜜月行-温莎堡</p>
                            <p class="p2">POSTTIME/2013/04/17&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; SEE MORE>></p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 底部 -->
    <div id="batten">
        <div class="batten-1">
            <div class="batten-1-left">
                <p>重庆市沙坪坝区足下</p>
                <span>四川省南充市南部县</span>
            </div>
            <div class="batten-1-right">
                <div class="battem-1">
                    <p>SHOWCASE</p>
                    <ul>
                        <li><a href="#">婚纱摄影作品</a></li>
                        <li><a href="#">时尚写真作品</a></li>
                        <li><a href="#">客片展示大赏</a></li>
                        <li><a href="#">全家福作品</a></li>
                    </ul>
                </div>
                 <div class="battem-2">
                     <p>SHOWCASE</p>
                    <ul>
                        <li><a href="#">婚纱摄影作品</a></li>
                        <li><a href="#">时尚写真作品</a></li>
                        <li><a href="#">客片展示大赏</a></li>
                        <li><a href="#">全家福作品</a></li>
                    </ul>
                </div>
                 <div class="battem-3">
                     <p>SHOWCASE</p>
                    <ul>
                        <li><a href="#">婚纱摄影作品</a></li>
                        <li><a href="#">时尚写真作品</a></li>
                        <li><a href="#">客片展示大赏</a></li>
                        <li><a href="#">全家福作品</a></li>
                    </ul>
                </div>
                <div class="battem-4">
                     <p>SHOWCASE</p>
                    <ul>
                        <li><a href="#">婚纱摄影作品</a></li>
                        <li><a href="#">时尚写真作品</a></li>
                        <li><a href="#">客片展示大赏</a></li>
                        <li><a href="#">全家福作品</a></li>
                    </ul>
                </div>
                <div class="battem-5">
                     <p>SHOWCASE</p>
                    <ul>
                        <li><a href="#">婚纱摄影作品</a></li>
                        <li><a href="#">时尚写真作品</a></li>
                        <li><a href="#">客片展示大赏</a></li>
                        <li><a href="#">全家福作品</a></li>
                    </ul>
                </div>
                <div class="battem-6">
                     <p>SHOWCASE</p>
                    <ul>
                        <li><a href="#">婚纱摄影作品</a></li>
                        <li><a href="#">时尚写真作品</a></li>
                        <li><a href="#">客片展示大赏</a></li>
                        <li><a href="#">全家福作品</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="batten-2"></div>
        <div class="batten-3">
            <div class="batten-3-1">
                 <p>版权所有 @ 喜宾文化传媒（北京）有限公司 北京婚纱摄影 北京2046婚纱摄影工作室 京ICP备09060877号-1&nbsp;百度地图&nbsp;谷歌地图&nbsp;网站地图&nbsp;技术支持:黑马网络<br>
                Copyrighr @ 2010-2013 Beijing 2046 wedding photography studio.</p>
            </div>
        </div>
        <div class="batten-4">
            <div>
                <p>友情链接:</p>
            </div>
        </div>
    </div>
</body>
</html>